<template>
	<div class="home-recommend">
	<div v-for="item in recommend" class="rencommend-item">
		<a :href="item.link"><img :src="item.image" /></a>
	</div>
	</div>
</template>

<script>
	export default {
		name:"HomeRecommend",
		props:{
			recommend:{
				type:Array,
				default(){
					return []
				}
			}
		}
	}
</script>

<style>
	.home-recommend{
		display: flex;
		padding:10px 5px 15px;
		background-color: #fff;
	}
	.rencommend-item{
		flex:1;
		text-align: center;
	}
	.home-recommend img{
		width:75px;
	}
</style>
